<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="{$appConfigs[member_title]}">
    <title>demo</title>
    {include member.inc.csslink}
    {cres:css mpe/member/scss/css/demo.css}
</head>
<body>
<!--访问链接 http://mpe.dasu123.my/member/index/demo -->
{include member.inc.header}
<main class="max-w">
    <div class="breadcrumb">demo页</div>
    {include member.inc.leftNav}
    <div class="main">
        <section class="panel">
            <div class="header"><h1>按钮组</h1></div>
            <a href="" class="btn-default">确定</a>
            <button  class="btn-default">确定</button>
            <input  class="btn-default" value="确定" type="button">
            <a href="" class="btn-primary">确定</a>
            <a href="" class="btn-info btn-lg">确定</a>
            <a href="" class="btn-info btn-lg2">确定</a>
            <a href="" class="btn-info btn-sm">确定</a>
            <div class="btn-group">
                <input value="确认" class="btn-primary btn-lg" type="submit">
                <input value="返回" class="btn-info btn-lg" onclick="history.back();" type="button">
            </div>
            <h2>非固定宽度的btn</h2>
            <a href="" class="btn-pad">确定</a>
            <a href="" class="btn-pad-default">确定</a>
            <a href="" class="btn-pad-primary">确定</a>

            <h2>圆角btn</h2>
            <a href="" class="btn-pad">确定</a>
            <a href="" class="btn-radius-default">确定</a>
            <a href="" class="btn-radius-primary">确定</a>
        </section>
        <section class="panel">
            <div class="header"><h3>link 样式</h3></div>
            <a href="" class="link1">链接1</a>
            <a href="" class="link2">链接2</a>
        </section>
        <section class="panel">
            <div class="header"><h3>css 箭头 与 徽章</h3></div>
            <span class="triangle-top"></span>
            <span class="triangle-right"></span>
            <span class="triangle-bottom"></span>
            <span class="triangle-left"></span>

            <span class="badge">4</span>
            <span class="badge">78</span>
            <span class="badge">99+</span>
            <a style="position: relative;">购物车<span class="badge">4</span></a>
        </section>
        <section class="panel">
            <div class="header">form 组件</div>
            <div class="radio-wrap">
                <input id="cert" type="radio" name="gender" value="cert" checked>
                <label for="cert">
                    企业三证
                </label>
                <input id="cert1" type="radio" name="gender" value="cert1">
                <label for="cert1">
                    三证合一
                </label>
            </div>
            <div class="checkbox-wrap">
                <input id="check1" type="checkbox" name="check" value="check1">
                <label for="check1" class="check_box">
                    通用塑料
                </label>

                <input id="check2" type="checkbox" name="check" value="check2">
                <label for="check2" class="check_box">
                    工厂塑料
                </label>
                <input id="check3" type="checkbox" name="check" value="check3">
                <label for="check3" class="check_box">
                    再生塑料
                </label>
                <input id="check4" type="checkbox" name="check" value="check4">
                <label for="check4" class="check_box">
                    改性
                </label>
            </div>
        </section>
        <section class="panel">
            <div class="header"><h3>小符号组件</h3></div>
            <div class="ui-add"><span>+</span></div>
            <span class="asterisk">*</span>
        </section>
    </div>
</main>


{include member.inc.footer}
{include member.inc.script}

<script>
   seajs.use('common')
</script>
{include member.inc.foot_hook}
</body>
</html>
